import React from "react";
import styles from "./index.module.less";
import { QRCodeSVG } from "qrcode.react";
import { useReactive } from "ahooks";
import classNames from "classnames";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var DownLoad = function() {
    var state = useReactive({
        appdownurl: "https://wallet.nfkings.com/"
    });
    return /*#__PURE__*/ _jsx("div", {
        className: styles.content,
        children: /*#__PURE__*/ _jsxs("div", {
            className: styles.body,
            children: [
                /*#__PURE__*/ _jsx("div", {
                    className: styles.title,
                    children: "Download the App"
                }),
                /*#__PURE__*/ _jsx("div", {
                    className: styles.desc,
                    children: "TO ENJOY THE FULL NFKINGDOM EXPERIENCE,DOWNLOAD THE FREE KINGSWALLET APP"
                }),
                /*#__PURE__*/ _jsxs("div", {
                    className: styles.iponebox,
                    children: [
                        /*#__PURE__*/ _jsx("img", {
                            className: styles.iphoneimg,
                            src: require("../../assets/public/Iphone.svg"),
                            alt: ""
                        }),
                        /*#__PURE__*/ _jsx("img", {
                            src: require("../../assets/public/codek.png"),
                            style: {
                                width: 100,
                                height: 100,
                                position: "absolute",
                                left: "22px",
                                top: 110
                            }
                        }),
                        /*#__PURE__*/ _jsx(QRCodeSVG, {
                            value: state.appdownurl,
                            size: 85,
                            level: "H",
                            fgColor: "#5A59FD",
                            style: {
                                position: "absolute",
                                left: 30,
                                top: 117
                            }
                        }),
                        /*#__PURE__*/ _jsx("div", {
                            className: classNames(styles.tic, "font-8"),
                            children: "SCAN TO DOWNLOAD"
                        })
                    ]
                })
            ]
        })
    });
};
export default DownLoad;

 //# sourceMappingURL=index.js.map